<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="簡単・無料・高機能なホームページ作成サイト。初心者でも簡単にプロフェッショナルなホームページが作成できます。">
    <meta name="keywords" content="ホームページ作成,無料,簡単,高機能,ウェブサイト">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <title>簡単無料ホームページ - 初心者でも簡単にホームページ作成</title>
    <link rel="stylesheet" href="css/style.css">
    <script>
    // InPrivateモード対応：DOMContentLoadedより前にスタイル適用を保証
    document.documentElement.style.setProperty('--ensure-styles', 'loaded');
    </script>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link rel="canonical" href="https://xn--yck7ccu3lc1862des4acyvsmy.com/">
    <meta property="og:title" content="簡単無料ホームページ - 初心者でも簡単にホームページ作成">
    <meta property="og:description" content="簡単・無料・高機能なホームページ作成サイト。初心者でも簡単にプロフェッショナルなホームページが作成できます。">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://xn--yck7ccu3lc1862des4acyvsmy.com/">
    <meta property="og:image" content="https://xn--yck7ccu3lc1862des4acyvsmy.com/css/logo200x200.png">
    <meta property="og:site_name" content="簡単無料ホームページ">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="簡単無料ホームページ - 初心者でも簡単にホームページ作成">
    <meta name="twitter:description" content="簡単・無料・高機能なホームページ作成サイト。初心者でも簡単にプロフェッショナルなホームページが作成できます。">
    <link rel="shortcut icon"  type="image/x-icon" href="/css/favicon.ico" />
    <link rel="apple-touch-icon-precomposed" href="/css/apple-touch-icon-precomposed.png" />

    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "簡単無料ホームページ",
        "url": "https://xn--yck7ccu3lc1862des4acyvsmy.com/",
        "description": "簡単・無料・高機能なホームページ作成サイト。初心者でも簡単にプロフェッショナルなホームページが作成できます。",
        "potentialAction": {
            "@type": "SearchAction",
            "target": {
                "@type": "EntryPoint",
                "urlTemplate": "https://xn--yck7ccu3lc1862des4acyvsmy.com/?search={search_term_string}"
            },
            "query-input": "required name=search_term_string"
        },
        "publisher": {
            "@type": "Organization",
            "name": "簡単無料ホームページ",
            "url": "https://xn--yck7ccu3lc1862des4acyvsmy.com/"
        },
        "offers": {
            "@type": "Offer",
            "name": "無料ホームページ作成サービス",
            "description": "初心者でも簡単にホームページが作成できる無料サービス",
            "price": "0",
            "priceCurrency": "JPY"
        },
        "serviceType": "ホームページ作成サービス",
        "areaServed": "JP"
    }
    </script>
</head>
<body>

        <header class="header">
        <div class="container">
            <div class="header-content">
                <div class="logo">
                    <h1><a href="/" style="text-decoration: none; color: inherit;">簡単無料ホームページ</a></h1>
                </div>
                <nav class="main-nav" aria-label="メインナビゲーション">
                    <button class="nav-toggle" aria-label="メニューを開く" aria-expanded="false">
                        <span></span>
                        <span></span>
                        <span></span>
                    </button>
                    <ul class="nav-list">
                        <li><a href="/" class="nav-link">ホーム</a></li>
                        <li><a href="premium.php" class="nav-link">有料コース</a></li>
                        <li><a href="よくある質問と答え" class="nav-link">よくある質問と答え</a></li>
                        <li><a href="https://contact.hp-ez.com/contact" class="nav-link">お問い合わせ</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <main>
        <section id="home" class="hero">
            <div class="container">
                <div class="hero-content">
                    <div class="hero-text">
                        <h2 class="hero-title">
                            <span class="hero-badge">簡単</span>
                            <span class="hero-badge">無料</span>
                            <span class="hero-badge">高機能</span>
                        </h2>
                        <h3 class="hero-subtitle">知識ゼロでも今すぐホームページが作れる</h3>
                        <p class="hero-description">
                            HTMLやプログラミングの知識は一切不要！文章を書くように簡単にホームページが作成できます。<br>
                            個人のお店から会社まで、あらゆる用途でプロ級のサイトを無料で作成・運営できます。
                        </p>
                        <div class="hero-actions">
                            <a href="https://login.hp-ez.com/register/apply.phpp" class="btn btn-primary btn-large">
                                無料でホームページを作成 >>
                            </a>
                            <a href="#features" class="btn btn-outline">機能を見る</a>
                        </div>
                    </div>
                    <div class="hero-image">
                        <div class="hero-visual">
                            <div class="approval-circle">
                                <span class="approval-text">初心者<br>歓迎</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="intro">
            <div class="container">
                <h2 class="section-title">3ステップで完成！誰でも簡単ホームページ作成</h2>
                <p class="intro-text">
                    ①アカウント登録　②デザインを選択　③文章や写真を追加するだけ！<br>
                    むずかしい専門知識は一切不要。今日からあなたのホームページが始まります。
                </p>
            </div>
        </section>

                <section class="stats" id="user-homepage">
            <div class="container">
                <h3 class="stats-title">ユーザーのホームページ紹介</h3>
                <div class="stats-grid">
                    <div class="stat-item">
                        <div class="stat-number">153,985</div>
                        <div class="stat-label">ホームページ総数</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number">50,919</div>
                        <div class="stat-label">カテゴリ掲載数</div>
                    </div>
                </div>
            </div>
        </section>
        
        <section class="categories">
            <div class="container">
                <div class="categories-grid">
                                            <a href="/%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9" class="category-item">
                            <h4>ビジネス</h4>
                            <span class="category-count">(12413)</span>
                        </a>
                                            <a href="/%E8%B6%A3%E5%91%B3" class="category-item">
                            <h4>趣味</h4>
                            <span class="category-count">(12118)</span>
                        </a>
                                            <a href="/%E3%82%B9%E3%83%9D%E3%83%BC%E3%83%84" class="category-item">
                            <h4>スポーツ</h4>
                            <span class="category-count">(4183)</span>
                        </a>
                                            <a href="/%E7%94%9F%E6%B4%BB" class="category-item">
                            <h4>生活</h4>
                            <span class="category-count">(3966)</span>
                        </a>
                                            <a href="/%E3%82%B2%E3%83%BC%E3%83%A0" class="category-item">
                            <h4>ゲーム</h4>
                            <span class="category-count">(3666)</span>
                        </a>
                                            <a href="/%E9%9F%B3%E6%A5%BD" class="category-item">
                            <h4>音楽</h4>
                            <span class="category-count">(2980)</span>
                        </a>
                                            <a href="/%E5%B0%8F%E8%AA%AC%E3%83%BB%E6%96%87%E8%8A%B8" class="category-item">
                            <h4>小説・文芸</h4>
                            <span class="category-count">(2754)</span>
                        </a>
                                            <a href="/%E6%95%99%E8%82%B2%E3%83%BB%E5%AD%A6%E5%95%8F" class="category-item">
                            <h4>教育・学問</h4>
                            <span class="category-count">(1942)</span>
                        </a>
                                            <a href="/%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E3%83%BC" class="category-item">
                            <h4>コンピューター</h4>
                            <span class="category-count">(1638)</span>
                        </a>
                                            <a href="/%E3%83%8D%E3%83%83%E3%83%88%E3%82%B7%E3%83%A7%E3%83%83%E3%83%97" class="category-item">
                            <h4>ネットショップ</h4>
                            <span class="category-count">(1555)</span>
                        </a>
                                            <a href="/%E5%81%A5%E5%BA%B7" class="category-item">
                            <h4>健康</h4>
                            <span class="category-count">(1546)</span>
                        </a>
                                            <a href="/%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BB%E3%82%B3%E3%83%9F%E3%83%83%E3%82%AF" class="category-item">
                            <h4>アニメ・コミック</h4>
                            <span class="category-count">(783)</span>
                        </a>
                                            <a href="/%E7%B5%8C%E6%B8%88" class="category-item">
                            <h4>経済</h4>
                            <span class="category-count">(702)</span>
                        </a>
                                            <a href="/%E3%83%9A%E3%83%83%E3%83%88" class="category-item">
                            <h4>ペット</h4>
                            <span class="category-count">(673)</span>
                        </a>
                                    </div>
            </div>
        </section>

        <section id="features" class="features">
            <div class="container">
                <h2 class="section-title">便利機能</h2>
                <div class="features-grid">
                    <div class="feature-card">
                        <div class="feature-icon">📋</div>
                        <h3 class="feature-title">掲示板</h3>
                        <p class="feature-description">画像もアップロードできる掲示板を作成できます。携帯電話からも投稿できます。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="feature-icon">📝</div>
                        <h3 class="feature-title">ブログ</h3>
                        <p class="feature-description">日記のように毎日手軽に更新できるブログを作成できます。携帯電話からも画像付きの記事を簡単に投稿できます。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="feature-icon">📱</div>
                        <h3 class="feature-title">スマホ対応</h3>
                        <p class="feature-description">作ったホームページはスマホでも美しく表示されます。自動でスマホサイズに調整されるので、パソコン用・スマホ用を別々作る必要はありません。どんなデバイスからでも快適に閲覧できます。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="feature-icon">🔗</div>
                        <h3 class="feature-title">リンク集</h3>
                        <p class="feature-description">カテゴリで整理できるリンク集を作成できます。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="feature-icon">🖼️</div>
                        <h3 class="feature-title">アルバム</h3>
                        <p class="feature-description">大切な思い出の写真を美しく整理して展示できます。旅行写真、家族写真、お店の商品写真など、カテゴリ別に分けてギャラリーできます。スマホからでも簡単に写真をアップロードできます。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="feature-icon">📝</div>
                        <h3 class="feature-title">お問い合わせフォーム</h3>
                        <p class="feature-description">ホームページからお問い合わせを受けできます。ホームページ上で入力された内容はメールで受け取ることができます。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="feature-icon">📄</div>
                        <h3 class="feature-title">小説</h3>
                        <p class="feature-description">小説を章ごとに最適なページ構成で用意しました。章や小説で構成された小説を簡単に作成できます。名前変換機能（キーワード機能）付き。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="feature-icon">🛒</div>
                        <h3 class="feature-title">ネットショップ</h3>
                        <p class="feature-description">ネットショップも簡単に開設、すぐにネット販売を始めることができます。</p>
                    </div>
                </div>
            </div>
        </section>

        <section class="benefits">
            <div class="container">
                <h2 class="section-title benefits-title">「簡単無料ホームページ」の特長</h2>
                
                <div class="benefit-item">
                    <div class="benefit-check">✓</div>
                    <div class="benefit-content">
                        <h3>パソコン初心者でも安心の簡単操作</h3>
                        <p>まるでワードで文章を書くような感覚でホームページが作れます。<br>
                        面倒なソフトのインストールは不要！お使いのブラウザだけで完結します。<br>
                        間違えても大丈夫。何度でもやり直しできるので、気軽にチャレンジできます。<br>
                        スマホからでも手軽に更新できるので、いつでもどこでも最新情報をお届けできます。</p>
                    </div>
                </div>

                <div class="benefit-item">
                    <div class="benefit-check">✓</div>
                    <div class="benefit-content">
                        <h3>0円で本格的なホームページが持てる</h3>
                        <p>「お金をかけずにホームページを作りたい」そんなご要望にお応えします。<br>
                        初期費用・月額費用・サーバー代すべて無料！広告が少し表示されますが、それ以外は制限なし。<br>
                        お店用、趣味用など複数のサイトも作り放題です。<br>
                        もしもっと本格的に運営したくなったら、月440円から広告なしの有料プランもご用意しています。</p>
                    </div>
                </div>
            </div>
        </section>

                <section class="support">
            <div class="container">
                <div class="support-grid">
                    <div class="support-links">
                        <ul>
                            <li><a href="sitemap.php">サイトマップ</a></li>
                            <li><a href="terms.php">利用規約</a></li>
                            <li><a href="禁止事項">禁止事項</a></li>
                            <li><a href="tokusho.php">特定商取引法に基づく表記</a></li>
                            <li><a href="https://contact.hp-ez.com/?inquiry_type=delete_request">通報・削除依頼</a></li>
                            <li><a href="https://xn--t8j0a5dzk2c9e7488aoxxd.hp-ez.com/">ホームページのお引越し</a></li>
                            <li><a href="privacy.php">プライバシーポリシー</a></li>
                            <li><a href="/%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F%E3%81%A8%E7%AD%94%E3%81%88">よくある質問と答え</a></li>
                            <li><a href="/アクセスアップについて">アクセスアップについて</a></li>
                            <li><a href="/サイト健全化への取り組み">サイト健全化への取り組み</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer class="footer">
        <div class="container">
            <p>&copy; 2024 簡単無料ホームページ. All rights reserved. 
        </div>
    </footer>

    <!-- Floating Login Button -->
    <div class="floating-login" id="floatingLogin">
        <a href="https://login.hp-ez.com/" class="floating-login-btn">
            <span class="floating-login-icon">🔑</span>
            ログイン
        </a>
    </div>        
    <script src="js/script.js"></script>
</body>
</html>